<template>
  <div>
    <input type="text" v-model="ipt" />
    <GridComponent :title="title" :data="data" :search="ipt"></GridComponent>
  </div>
</template>

<script>
import GridComponent from "./GridComponent";
export default {
  data() {
    return {
      title: [{ name: "name",is:false }, { name: "power",is:false }, { name: "word",is:false }],
      data: [
        { name: "Chuck Norris", power: Infinity,word:'a' },
        { name: "Bruce Lee", power: 9000 ,word:'b'  },
        { name: "Jackie Chan", power: 7000,word:'c'  },
        { name: "Jet Li", power: 8000,word:'d'  }
      ],
      ipt:""
    };
  },
  components: {
    GridComponent
  }
};
</script>

<style scoped>
</style>